@prefixCls: ~'addon-layui-float-menu';

.@{prefixCls} {
  &-body {
    position: fixed;
    right: 20px;
    bottom: 50px;
    color: #3B87F6;
    z-index: 999;
    .@{prefixCls}-main {
      background: white;
      width: 50px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      border-radius: 50%;
      box-shadow: 0px 2px 8px 1px #ccc;
      cursor: pointer;
    }
    .@{prefixCls}-sublist {
      position: absolute;
      top: -120px;
      .@{prefixCls}-subitem:not(:first-of-type) {
        margin-top: 5px;
      }
    }
    .@{prefixCls}-subitem-main {
      // position: absolute;
      background: white;
      width: 50px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      border-radius: 50%;
      box-shadow: 0px 2px 8px 1px #ccc;
      cursor: pointer; 
    }
  }
  
}